<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>菜谱详情以及做法</title>
    <link rel="stylesheet" href="./css/food.css" />
</head>

<body>
    <h3 class="big-tit">菜品详情</h3>
    <div class="container">
        <div class="title-box">
            <h3>菜品标题名称</h3>
            <p>作者姓名</p>
        </div>
        <img class="show-img" src="http://yun.itheima.com/Upload/Images/20220627/62b924298e658.jpg" alt="" />
        <blockquote>
            <span
                class="txt_tart">“</span>非常时期，各位小主被禁足后，必须得找点乐子，才蒜不辜负这特殊时期呀！近几日我大陕西的面皮火了，虽有点耗时，但绝对美味！酸辣过瘾，筋道爽滑，家常做法，供大家参考！<span
                class="txt_end">”
        </blockquote>
        <div class="info-box">
            <div class="mo mt20">
                <h3>食材明细</h3>
            </div>
            <!-- 主料 -->
            <fieldset class="particulars">
                <legend>主料</legend>
                <div class="recipeCategory_sub_R clear">
                    <ul id="raw_list">
                        <!-- <li>
                            <span class="category_s1">
                                <a href="/YuanLiao/ZhongJinMianFen/" title="面粉的做法" target="_blank"><b>面粉</b></a>
                            </span>
                            <span class="category_s2">适量</span>
                        </li> -->

                    </ul>
                </div>
            </fieldset>
            <!-- 辅料 -->
            <fieldset class="particulars">
                <legend>辅料</legend>
                <div class="recipeCategory_sub_R clear">
                    <ul id="raw_fu_list">
                        <!-- <li>
                            <span class="category_s1">
                                <a href="/YuanLiao/YouPoLaZi/" title="油泼辣子的做法" target="_blank"><b>油泼辣子</b></a>
                            </span>
                            <span class="category_s2">适量</span>
                        </li> -->

                    </ul>
                </div>
            </fieldset>
            <!-- 调料 -->
            <fieldset class="particulars">
                <legend>调料</legend>
                <div class="recipeCategory_sub_R clear">
                    <ul id="raw_tl_list">
                        <li>
                            <span class="category_s1">
                                <b>食用糖浆</b>
                            </span>
                            <span class="category_s2">1瓶</span>
                        </li>
                        <li>
                            <span class="category_s1">
                                <a href="/YuanLiao/BingTang/" title="冰糖的做法" target="_blank"><b>冰糖</b></a>
                            </span>
                            <span class="category_s2">半斤</span>
                        </li>
                    </ul>
                </div>
            </fieldset>

            <!-- 口味 -->
            <div class="recipeCategory_sub_R  ">
                <ul id="raw_type">
                    <li>
                        <span class="category_s1">
                            <a title="酸辣" href="recipe-type-do-cuisine-view-5.html" target="_blank">酸辣</a>
                        </span>
                        <span class="category_s2">口味</span>
                    </li>
                    <li>
                        <span class="category_s1">
                            <a title="蒸" href="recipe-type-do-technics-view-6.html" target="_blank">蒸</a>
                        </span>
                        <span class="category_s2">工艺</span>
                    </li>
                    <li>
                        <span class="category_s1">
                            <a title="数小时" href="recipe-type-do-during-view-6.html" target="_blank">数小时</a>
                        </span>
                        <span class="category_s2">耗时</span>
                    </li>
                    <li>
                        <span class="category_s1">
                            <a title="简单" href="recipe-type-do-level-view-1.html" target="_blank">简单</a>
                        </span>
                        <span class="category_s2">难度</span>
                    </li>
                </ul>
            </div>

            <div class="mo mt20" id="title">
                <h3>xxxx的做法步骤</h3>
            </div>
            <div class="recipeStep" id="context">
                <!-- <ul>
                    <li>
                        <div class="recipeStep_img"><img
                                src="https://i8.meishichina.com/attachment/recipe/2020/02/03/20200203158071961392771210667631.JPG?x-oss-process=style/p320"
                                alt="手工洗面筋凉皮的做法步骤：1"></div>
                        <div class="recipeStep_word">
                            <div class="recipeStep_num">1</div>面粉中加入盐水和成硬一点的面团，醒至三十分钟。
                        </div>
                    </li>
                    <li>
                        <div class="recipeStep_img"><img
                                src="https://i8.meishichina.com/attachment/recipe/2020/02/03/20200203158071964656497410667631.JPG?x-oss-process=style/p320"
                                alt="手工洗面筋凉皮的做法步骤：2"></div>
                        <div class="recipeStep_word">
                            <div class="recipeStep_num">2</div>面团中水，如洗衣服一样，来回揉搓。
                        </div>
                    </li>
                    <li>
                        <div class="recipeStep_img"><img
                                src="https://i8.meishichina.com/attachment/recipe/2020/02/03/20200203158071970716151010667631.JPG?x-oss-process=style/p320"
                                alt="手工洗面筋凉皮的做法步骤：3"></div>
                        <div class="recipeStep_word">
                            <div class="recipeStep_num">3</div>洗出的面糊沉淀五个小时以上，冬季可隔夜沉淀。
                        </div>
                    </li>
                    <li>
                        <div class="recipeStep_img"><img
                                src="https://i8.meishichina.com/attachment/recipe/2020/02/03/20200203158071983546364010667631.JPG?x-oss-process=style/p320"
                                alt="手工洗面筋凉皮的做法步骤：4"></div>
                        <div class="recipeStep_word">
                            <div class="recipeStep_num">4</div>洗出面筋的水清澈，面筋就OK了。
                        </div>
                    </li>
                    <li>
                        <div class="recipeStep_img"><img
                                src="https://i8.meishichina.com/attachment/recipe/2020/02/03/20200203158071991836642310667631.JPG?x-oss-process=style/p320"
                                alt="手工洗面筋凉皮的做法步骤：5"></div>
                        <div class="recipeStep_word">
                            <div class="recipeStep_num">5</div>面筋入开水锅笼屉上蒸熟，大概二十五分钟左右。
                        </div>
                    </li>
                    <li>
                        <div class="recipeStep_img"><img
                                src="https://i8.meishichina.com/attachment/recipe/2020/02/03/20200203158071994862158310667631.JPG?x-oss-process=style/p320"
                                alt="手工洗面筋凉皮的做法步骤：6"></div>
                        <div class="recipeStep_word">
                            <div class="recipeStep_num">6</div>倒掉面糊沉淀的一部分清水，面浆浓稠即可。
                        </div>
                    </li>
                    <li>
                        <div class="recipeStep_img"><img
                                src="https://i8.meishichina.com/attachment/recipe/2020/02/03/20200203158072008121926410667631.JPG?x-oss-process=style/p320"
                                alt="手工洗面筋凉皮的做法步骤：7"></div>
                        <div class="recipeStep_word">
                            <div class="recipeStep_num">7</div>不锈钢盘抹油，盛入面浆，入开水锅蒸三四分钟，气泡取出。
                        </div>
                    </li>
                    <li>
                        <div class="recipeStep_img"><img
                                src="https://i8.meishichina.com/attachment/recipe/2020/02/03/20200203158072014577276110667631.JPG?x-oss-process=style/p320"
                                alt="手工洗面筋凉皮的做法步骤：8"></div>
                        <div class="recipeStep_word">
                            <div class="recipeStep_num">8</div>隔水晾凉。
                        </div>
                    </li>
                    <li>
                        <div class="recipeStep_img"><img
                                src="https://i8.meishichina.com/attachment/recipe/2020/02/03/20200203158072018556389510667631.JPG?x-oss-process=style/p320"
                                alt="手工洗面筋凉皮的做法步骤：9"></div>
                        <div class="recipeStep_word">
                            <div class="recipeStep_num">9</div>抹油取出凉皮。
                        </div>
                    </li>
                    <li>
                        <div class="recipeStep_img"><img
                                src="https://i8.meishichina.com/attachment/recipe/2020/02/03/20200203158072021000373110667631.JPG?x-oss-process=style/p320"
                                alt="手工洗面筋凉皮的做法步骤：10"></div>
                        <div class="recipeStep_word">
                            <div class="recipeStep_num">10</div>改刀成条状，粗细均可。
                        </div>
                    </li>
                    <li>
                        <div class="recipeStep_img"><img
                                src="https://i8.meishichina.com/attachment/recipe/2020/02/03/20200203158072023334733810667631.JPG?x-oss-process=style/p320"
                                alt="手工洗面筋凉皮的做法步骤：11"></div>
                        <div class="recipeStep_word">
                            <div class="recipeStep_num">11</div>面筋熟后取出晾凉改刀。
                        </div>
                    </li>
                    <li>
                        <div class="recipeStep_img"><img
                                src="https://i8.meishichina.com/attachment/recipe/2020/02/03/20200203158072025321569810667631.JPG?x-oss-process=style/p320"
                                alt="手工洗面筋凉皮的做法步骤：12"></div>
                        <div class="recipeStep_word">
                            <div class="recipeStep_num">12</div>面皮依次切好备用。
                        </div>
                    </li>
                    <li>
                        <div class="recipeStep_img"><img
                                src="https://i8.meishichina.com/attachment/recipe/2020/02/03/20200203158072027494382010667631.JPG?x-oss-process=style/p320"
                                alt="手工洗面筋凉皮的做法步骤：13"></div>
                        <div class="recipeStep_word">
                            <div class="recipeStep_num">13</div>黄瓜切丝，蒜泥和花生碎备用。
                        </div>
                    </li>
                    <li>
                        <div class="recipeStep_img"><img
                                src="https://i8.meishichina.com/attachment/recipe/2020/02/03/20200203158072029982054910667631.JPG?x-oss-process=style/p320"
                                alt="手工洗面筋凉皮的做法步骤：14"></div>
                        <div class="recipeStep_word">
                            <div class="recipeStep_num">14</div>凉皮的灵魂，油泼辣子不能少，醋，酱油备用。
                        </div>
                    </li>
                    <li>
                        <div class="recipeStep_img"><img
                                src="https://i8.meishichina.com/attachment/recipe/2020/02/03/20200203158072034593352610667631.JPG?x-oss-process=style/p320"
                                alt="手工洗面筋凉皮的做法步骤：15"></div>
                        <div class="recipeStep_word">
                            <div class="recipeStep_num">15</div>取适量凉皮，加面筋，黄瓜丝，蒜泥，盐，醋，酱油，油泼辣子。
                        </div>
                    </li>
                    <li>
                        <div class="recipeStep_img"><img
                                src="https://i8.meishichina.com/attachment/recipe/2020/02/03/20200203158072039934146610667631.JPG?x-oss-process=style/p320"
                                alt="手工洗面筋凉皮的做法步骤：16"></div>
                        <div class="recipeStep_word">
                            <div class="recipeStep_num">16</div>搅拌均匀撒入花生碎即可享用。
                        </div>
                    </li>
                    <li>
                        <div class="recipeStep_img"><img
                                src="https://i8.meishichina.com/attachment/recipe/2020/02/03/20200203158072043311428410667631.JPG?x-oss-process=style/p320"
                                alt="手工洗面筋凉皮的做法步骤：17"></div>
                        <div class="recipeStep_word">
                            <div class="recipeStep_num">17</div>陕西美食，家常做法，小主们做起来哦！
                        </div>
                    </li>
                </ul> -->
            </div>
        </div>
    </div>
    <script src="../lib/jquery.js"></script>
    <script src="../lib/axios.js"></script>
    <script src="./detail.js"></script>
</body>

</html>